<!-- this div displays our response from the ajax post -->
<div id="alert" class="alert alert-danger alert-dismissible fade show" role="alert">
    <i class="bi-exclamation-triangle-fill"></i>
    <strong class="mx-2"></strong>
    <button id="hide_msg" type="button" class="btn-close" aria-label="Close"></button>
</div>
<script>
    $("#hide_msg").click(function () {
        $("#alert").hide()
    });
</script>